<template>
  <div class="site-main">
    <template>
      <main-navbar />
      <main-sidebar />
      <div class="site-main-content">
          <main-content />
      </div>
    </template>
  </div>
</template>

<script>
  import MainNavbar from './main-navbar'
  import MainSidebar from './main-sidebar'
  import MainContent from './main-content'
  export default {
    data () {
      return {
      }
    },
    components: {
      MainNavbar,
      MainSidebar,
      MainContent
    },
    methods: {
    }
  }
</script>
<style scoped lang="less">
.site-main{
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    .site-main-content{
        margin-top: 50px;
        margin-left: 220px;
        position: initial;
        word-break: break-word;
        z-index: 1;
        height: 100%;
    }
}
</style>
